<markdown>
  # 间距
  
  内置了 `small`、`medium`、`large` 三种大小，通过 `size` 设置
</markdown>

<template>
  <span>small</span>
  <x-space size="small">
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
  </x-space>
  <br />

  <span>medium</span>
  <x-space size="medium">
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
  </x-space>
  <br />

  <span>large</span>
  <x-space size="large">
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
    <x-button>按钮</x-button>
  </x-space>
</template>
